/*
    Created by   : jishasha
    Created time : 2017/05/08
    File explain : 支付-支付
*/
html,
body {
  height: 100%;
  background: #fff;
}

/* 支付金额  居中 */
.pay-container,
.recharge-success-container,
.recharge-fail-contanier,
.wait-container,
.input-password-contanier {
  margin: 60px auto;
  width: 1000px;
  border: 1px solid #dadada;
  background: #fbfbfb;
}

.wait-container {
  text-align: center;
}

.recharge-success-container,
.recharge-fail-contanier {
  height: 618px;
}

.pay-title {
  border-bottom: 1px solid #dadada;
}

/* 余额不足，点此充值 */
.not-sufficient-funds {
  display: none;
}

/* 支付金额文字 */
.pay-content {
  color: #040404;
  font-size: 14px;

  padding: 20px 40px 20px 28px;
}

/* 支付金额标题 */
.pay-title {
  display: flex;
}

/* 支付金额-余额 */
.balance {
  line-height: 67px;

  color: #040404;
}

/* 支付余额-文字 */
.balance-text {
  font-size: 22px;
  color: #FB6D0E;
}

/* 选择其他 按钮 */
.other-choice-btn {
  width: 95px;
  height: 35px;
  background: #248CE8;
  border: 1px solid #81BDF1;
  border-radius: 2px;
  margin: 30px 66px;

  font-size: 14px;
  color: #fff;
}

/* 银行卡边距 */
.pay-name {
  padding: 0 28px;
}

/* 支付金额 */
.pay {
  border-bottom: 1px solid #cecece;

  overflow: hidden;
}

.pay-choose,
.pay-choose-active {
  padding-right: 20px;
}

/* 下一步 按钮 */
.pay-next-step,
.tautology,
.confirm-payment {
  text-align: center;
}

.tautology {
  display: none;
}

.next-step-btn {
  width: 220px;
  height: 32px;

  font-size: 16px;
  color: #fff;
  border-radius: 2px;
  border: 0;
  background: #ccc;
  margin: 30px 0 30px 0;
  cursor: default;
}

.next-step-orange {
  background: #faa500;
  cursor: pointer;
}

.confirm-payment-btn {
  width: 220px;
  height: 32px;

  font-size: 16px;
  color: #fff;
  border-radius: 2px;
  border: 0;
  margin: 30px 0 30px 0;
  background: #faa500;
  cursor: pointer;
}

/* 余额不足，点击充值 */
.pay-detail,
.not-sufficient-funds {
  float: left;
}

.not-sufficient-funds {
  line-height: 101px;
  margin-left: 30px;
}

/* 余额不足 */
.not-sufficient {
  background: url(../../common/img/private/The-small-white-arrows.png) no-repeat;
  background-size: 14px 14px;
  padding-left: 20px;
}

/* 点击充值 */
.click-recharge {
  color: #009CFF;
  border-bottom: 1px solid #009CFF;
  cursor: pointer;
}

/* 银行列表 */
.pay-detail {
  width: 600px;
  padding: 13px 0 13px 14px;
  border: 3px solid rgba(0, 0, 0, 0);
  margin: 18px 0;

  display: flex;
  justify-content: flex-start;
}

.pay-balance {
  margin-left: 40px;
}

/* 银行内容 */
.pay-choose {
  background: url(../../common/img/private/The-default@3x.png) no-repeat;
  background-size: 16px 16px;
}

.pay-choose,
.pay-choose-active {
  width: 16px;
  height: 16px;

  margin-top: 9px;
  padding-left: 20px;
}

/* 银行内容点击 */
.pay-choose-active {
  background: url(../../common/img/private/To-enable-the@3x.png) no-repeat;
  background-size: 16px 16px;
}

/* 银行图片 */
.pay-logo {
  width: 160px;
  height: 33px;
}

.pay-img {
  margin-left: 20px;
}

.balance-payment {
  font-size: 16px;
  color: #040404;

  margin-left: 10px;

  line-height: 33px;
}

/* 企业卡 */
.corporate-card {
  padding: 6px 8px;
  background: #ccc;
  border-radius: 5px;
  color: #fff;
  margin-left: 83px;
}

/* 选中某一个银行时 */
.pay-detail.active {
  border-color: rgb(250, 165, 0)
}

/* 银行滑过时  边框颜色 */
.pay-detail:hover {
  border-color: rgba(251, 109, 14, .45);
}

/* 版权 */
.copyright {
  font-size: 12px;
  color: #999;

  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -118px;
}

/* 支付成功，支付失败 */
.recharge-success,
.recharge-fail {
  width: 220px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -84px;
  margin-top: -88px;
  text-align: center;
}

/* 支付成功  图片 */
.recharge-fail-img,
.recharge-success-img,
.wait-img {
  width: 66px;
  height: 66px;

  margin-bottom: 27px;
}

.wait-img {
  margin-top: 169px;
}

.back-select {
  margin-top: 60px;
  margin-bottom: 150px;
}

/* 支付成功 */
.recharge-fail-cont,
.recharge-success-cont {
  font-size: 18px;
  color: #323232;
}

.wait-cont {
  font-size: 16px;
}

.select-pay {
  font-size: 16px;
  color: #009cff;

  border-bottom: 1px solid #009cff;
  margin-left: 30px;

  cursor: pointer;
}

/* 忘记密码 */
.forget-password {
  color: #009cff;

  border-bottom: 1px solid #009cff;

  cursor: pointer;
}

/* 激活按钮 */
.sensitize-orange-btn {
  width: 80px;
  height: 32px;
  background: #eee;
  border-radius: 2px;
  border: 0;

  color: #fff;
  font-size: 16px;
  margin-bottom: 150px;
}

/* 激活按钮 */
.sensitize-btn {
  background: #ccc;
  margin-bottom: 150px;

  cursor: default;
}

/* 输入密码 */
.input-password {
  font-size: 16px;

  margin-left: 28px;
}

/* 密码输入框 */
.input-password-import {
  width: 340px;
  height: 40px;
  border: 1px solid #d9d9d9;
  margin: 28px 0 10px 0;
  padding-left: 10px;
}

.input-password-import {
  /*background: url(../../common/img/private/s_delete_icon.png) no-repeat;*/
  background-position: 310px center;
  background-size: 18px 18px;
}

/* 忘记密码 */
.forget-password-notice {
  color: #009cff;

  margin-left: 20px;

  cursor: pointer;
}

/* 密码输入错误 提示 */
.input-opportunity, .input-opportunity1 {
  font-size: 14px;
  color: #6a6a6a;
}

/* 密码输入错误 图片 */
.input-opportunity, .input-opportunity1 {
  background: url(../../common/img/private/prompt.png) no-repeat;
  padding-left: 20px;
  line-height: 15px;
  margin-left: 133px;
  display: none;
}

/* 确认付款 按钮 */
.confirm-payment {
  margin-top: 250px;
  margin-bottom: 100px;
}

/* 返回我的帐户 */
.look-account {
  color: #009cff;

  width: 180px;
  height: 32px;

  border: 1px solid #009cff;
  border-radius: 5px;
  background: #fff;

}

/* 查看账单 */
.back-account {
  color: #fff;

  width: 122px;
  height: 32px;
  border-radius: 2px;
  background: #faa500;
  border: 0;
}
.clear-img{
  visibility: hidden;
}
.pay-transfer{
  font-size: 16px;
}
.pay-color{
  color: #009cff;
  font-size: 14px;
}